<div class="detailPage" ng-click="cancelDelete()">
    <div class="row detailTop">
        <div class="col-xs-10" style="padding-right: 0px;">
            <img style="margin-bottom:5px;width:45px;height: 45px;" src="{{friend.head_url  ||(friend.sex==1 ? 'img/defaultMan.png':'img/defaultGirl.png')}}"  class="img-circle"/>&nbsp;&nbsp;
            {{friend.name}}&nbsp;&nbsp;<span style="color: #f85c00;" ng-if="friend.role==2">VIP会员</span><span ng-if="friend.role!=2">普通会员</span>
        </div>
        <div class="col-xs-2" style="padding: 0px;">
            {{friend.datingStatus}}
        </div>
    </div>
    <div  style="font-size: 15px; height: 30px; line-height: 30px; color: #f85c00;padding-left: 10px;">我的相册</div>

    <div class="myPhotoContain" style="padding-top: 0px;">
        <div style="position:relative;height:80px;">
            <div class="photoDisplay" style="left: 0">
                <div class="thumbnail" style="width:{{divWidth}}px;padding: 0px;padding-top: 4px;" >
                    <img id="imageWH" ng-src="{{ph.url_320_240}}" ng-repeat="ph in photos" style="float: right;" ng-click="showImage($index, $event)"/>
                </div>
               <!-- <img style="margin: 10px 0 10px 0px;" ng-show="photos.length==0" ng-src=" img/defaultMan.png"/>-->
                <img style="margin: 10px 0 10px 0px;" ng-show="photos.length==0" ng-src="{{friend.sex=='男' ? 'img/defaultMan.png' : 'img/defaultGirl.png'}}"/>
            </div>
        </div>
    </div>

    <div class="basicDataContain">
        <span class="spLabel">基本资料</span>
        <div class="baseData">
            <div class="prop">
                <div class="col-xs-4 propName">会员号</div>
                <div class="col-xs-8 propValue">{{friend.member_no}}</div>
            </div>
            <div class="prop">
                <div class="col-xs-4 propName">性别</div>
                <div class="col-xs-8 propValue">{{friend.sex}}</div>
            </div>
            <div class="prop">
                <div class="col-xs-4 propName">出生年份</div>
                <div class="col-xs-8 propValue">{{friend.birthday_year}}&nbsp;年</div>
            </div>
            <div class="prop" >
                <div class="col-xs-4 propName">星座</div>
                <div class="col-xs-8 propValue">{{friend.constellation}}</div>
            </div>
            <div class="prop" >
                <div class="col-xs-4 propName" >身高</div>
                <div class="col-xs-8 propValue">{{friend.hight}}&nbsp;CM</div>
            </div>
            <div class="prop" >
                <div class="col-xs-4 propName">体重</div>
                <div class="col-xs-8 propValue">{{friend.weight}}&nbsp;KG</div>
            </div>
            <div class="prop"  ng-show="friend.country != '中国'">
                <div class="col-xs-4 propName">所在地区</div>
                <div class="col-xs-8 propValue">{{friend.country}}</div>
            </div>
            <div class="prop"  ng-show="friend.country == '中国'">
                <div class="col-xs-4 propName">所在省份</div>
                <div class="col-xs-8 propValue">{{friend.province}}</div>
            </div>
            <div class="prop"  ng-show="friend.country == '中国'">
                <div class="col-xs-4 propName">所在城市</div>
                <div class="col-xs-8 propValue">{{friend.city}}</div>
            </div>
            <div class="prop" >
                <div class="col-xs-4 propName" >毕业院校</div>
                <div class="col-xs-8 propValue">{{friend.graduate_school}}</div>
            </div>
            <div class="prop">
                <div class="col-xs-4 propName" >学历</div>
                <div class="col-xs-8 propValue">{{friend.education_background}}</div>
            </div>
            <div class="prop">
                <div class="col-xs-4 propName" >工作职业</div>
                <div class="col-xs-8 propValue">{{friend.professional}}</div>
            </div>

            <div class="row" style="color: #000; border-bottom: 1px solid #f4f4f4" >
                <div class="col-xs-4 " style="padding: 10px 0 0 5px">个人描述&nbsp;&nbsp;<span style="color: #e5e5e5;">|</span></div>
                <div class="col-xs-8 detailsFriend" >
                    {{friend.characterization}}
                </div>
            </div>
            <div class="row" style="color: #000">
                <div class="col-xs-4 " style="padding: 10px 0 0 5px">征友要求&nbsp;&nbsp;<span style="color: #e5e5e5;">|</span></div>
                <div class="col-xs-8 detailsFriend">
                    {{friend.personal_required}}
                </div>
            </div>

            <div class="prop" style=" height: 0px;"></div>
        </div>
    </div>

    <div class="vipPrivilegeContain" style="clear: both;">
        <div class="vipPrivilege">
            <div class="col-xs-4 propName" >微信号</div>
            <div ng-show="isVIP" class="col-xs-8 propValue">{{friend.weixin_id}}</div>
            <div ng-show="updateVIP" ng-click="PayVIP()" style="color: #f85c00;">VIP会员可看，升级为VIP会员</div>
        </div>
    </div>
    <div style="height: 10%"></div>
</div>

